<html>
	<head>
		<title>javaScript实例</title>
		<script>
            // 全选就是给每个input 加checked=true 
            // 全部选就是给每个input 加checked=false
            // status  true 或者false
            function select_or_not(status){
                for(var i=1;i<=6;i++){ // 构建123456
                    document.getElementById('id'+i).checked = status
                }
            }
            // 反选 就是挨个遍历每个input 
            // 如果checked 是true  就变成false 
            function select_no(){
                for(var i=1;i<=6;i++){
                    var item = document.getElementById('id'+i);
                    if(item.checked){
                        item.checked = false;
                    }
                    else{
                        item.checked = true;
                    }
                }
            }
		</script>
		
	</head>
	<body>
		<h2>JavaScript实例--全选/全不选</h2>
		<ul>
			<li><input id="id1" type="checkbox" name="likes" value="1" />足球</li>
			<li><input id="id2" type="checkbox" name="likes" value="2" />乒乓球</li>
			<li><input id="id3" type="checkbox" name="likes" value="3" />蓝球</li>
			<li><input id="id4" type="checkbox" name="likes" value="4" />羽毛球</li>
			<li><input id="id5" type="checkbox" name="likes" value="5" />玻璃球</li>
			<li><input id="id6" type="checkbox" name="likes" value="6" />网球</li>
		</ul>
		
		<button onclick="select_or_not(true)">全选</button>
        <!-- 给每个input框 添加 checked属性  checked=true-->
		<button onclick="select_or_not(false)">全不选</button>
         <!-- 给每个input框 移出 checked属性 checked=false -->
		<button onclick="select_no() ">反选</button>
	</body>
</html>